<template>
  <div class="app-container">
   
    <p>
      选择Excel:
      <el-upload
        class="upload-demo"
        ref="upload"
        :action="BASE_API+'/subject/add'" 
        :on-preview="handlePreview"
        :on-remove="handleRemove"
        :file-list="fileList"
        :auto-upload="false"
        :headers="headers">
        <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
        <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
        <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
      </el-upload>
    </p>
  </div>
</template>

<script>
  import { getToken } from '@/utils/auth'

  export default {
    name: 'save',
    data() {
      return {
        BASE_API:process.env.BASE_API,
        headers: { 'Authorization': 'Bearer '+getToken() },
        fileList: []
      }
    },
    methods: {
      submitUpload() {

        console.log("上传文件@！！！")
        this.$refs.upload.submit()
      },
      handleRemove(file, fileList) {
        console.log(file, fileList)
      },
      handlePreview(file) {
        console.log(file)
      }
    }
  }
</script>

<style scoped>

</style>
